<template>
  <div>
    <ul class="homelist"> 
      <li>
        <img src="../../assets/lists/homenav2.png" alt />
      </li>
      <li>
        <img src="../../assets/lists/homenav3.png" alt />
      </li>
      <li>
        <img src="../../assets/lists/homenav4.png" alt />
      </li>
      <li>
        <img src="../../assets/lists/homenav2.png" alt />
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {},
  components: {}
};
</script>

<style scoped lang='less'>
.homelist {
    display: flex;
    margin: 20px 10px;
    li {
        flex: 1;
        list-style: none;
        padding: .3rem;
        text-align: center;
        img {
            width:96%; 
        }
    }
}
</style>
